<template>
	<view class="gradient-mask" :style="{'height':height}"></view>
</template>

<script setup>
	const props = defineProps({
		height: {
			type: String,
			default: '50vh'
		}
	})
</script>

<style lang="scss">
	.gradient-mask {
		height: 50vh;
		width: 100vw;
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
	}
</style>